<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆注册页</title>
    <script src="../js/jquery-1.12.4.js"></script>
    <!--表单验证插件-->
    <script src="../js/jquery.validate.js"></script>
    <script src="../js/jquery.validate.messages_zh.js"></script>
    <link rel="stylesheet" href="../css/header.css" />
    <link rel="stylesheet" href="../css/zhuce.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <script>
        $(function(){
            $("#yinru").load("footer.html");
        });
    </script>
</head>
<body>
    <!--头部-->
    <div id="headerBar_back">
        <div id="headerBar">
            <div class="logo">
                <a href="#">
                    <img src="../images/login-logo.png">
                </a>
            </div>
            <div class="headerLeft">
                <a href="http://localhost:63342/lizi/html/index.html?_ijt=edna2e2laq70mfkgelm03socuj#">丽子首页</a>
            </div>
            <div class="headerRight">
                <a href="#">
                    <span class="iconfont">&#xe609;在线咨询</span>
                </a>
                <span>4007-112-112</span>
            </div>
        </div>
    </div>

    <!--登录样式-->
    <div id="container_back">
        <div id="container">
            <div class="pic">
                <img src="../images/login-box-bg.jpg"/>
            </div>
            <div class="main-box">
                <div class="main">
                    <h2>
                        <div class="choice">
                            已有账号？
                            <a href="http://localhost:63342/lizi/html/denglu.html?_ijt=r8kiuvc8u0m8otd59djra15oi9">点击登录</a>
                        </div>
                        注册
                    </h2>
                    <div class="messages">
                        <ul>
                            <li class="input-box">
                                <label>
                                    <span class="text" style="display:none">手机号</span>

                                    <p><input class="username" type="text" placeholder="手机号"/></p>

                                </label>
                            </li>

                            <li class="input-box">
                                <label>
                                    <span class="text" style="display:none">密码</span>
                                    <input class="password" type="text" placeholder="密码"/>
                                </label>
                            </li>
                            <li class="input-box">
                                <label>
                                    <span class="text" style="display:none">确认密码</span>
                                    <input class="passwordC" type="text" placeholder="确认密码"/>
                                </label>
                            </li>
                            <li class="sure input-box">
                                <label>
                                    <span class="text" style="display:block">验证码验证</span>
                                    <input class="sureInput" type="text" value=""/>
                                </label>
                                <p class="yzm">发送手机验证码</p>
                            </li>
                            <li class="follow">
                                <label>
                                    <input type="checkbox" checked="checked"/>我已阅读并接受
                                    <a href="#">《丽子服务协议》</a>
                                </label>
                            </li>
                            <li>
                                <a class="btn" href="#">同意协议并注册</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="tips">
                <p class="tipsCon">
                    <span class="iconfont">&#xe61a;</span>
                    <span class="container"></span>
                </p>
                <p class="submit"><a href="#">确定</a></p>
            </div>
        </div>
    </div>
    <!--页脚-->
    <div id="yinru"></div>
    <!--js引入-->
    <script src="../js/register.js"></script>
    <script src="../js/zhuce.js"></script>
</body>
</html>